<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-widthintial-scale=1">
   <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="css/css.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.11.3.js"></script>
</head>

<body class="bj">
  <section>
       <div class="head">
            <p class="head_top">
                <img src="img/x_03.png">
            </p>
           <div class="head_btn">
               <span class="head_1">文字直播间</span>
               <span class="head_2">登陆账号</span>
               <div class="head_right">
                    <span>我未注册，现在就</span>
                   <a href=""><span>注册</span></a>
               </div>
           </div>
       </div>
      <div class="body">
          <div class="col-sm-9">
              <div class="input-group">
                      <span class="input-group-addon denglu_user">
                          <img src="img/denglu_user_03.png">
                      </span>
                      <span class="input-group-addon1">手机号码：</span>
                      <input type="text" class="form-control" id="inputGroupSuccess2" aria-describedby="inputGroupSuccess2Status">
                  </div>
              <div class="input-group1">
                  <span class="input-group-addon denglu_user">
                      <img src="img/denglu_suo_03.png">
                  </span>
                  <span class="input-group-addon1">用户密码：</span>
                  <input type="text" class="form-control">
              </div>
          </div>
          <div class="checkbox">
              <label>
                  <input type="checkbox">
                  <span>下次自动登陆</span>
              </label>
          </div>
          <div class="buttom">
              <a href="">登陆</a>
          </div>
          <div class="body_foot">
              <div class="body_foot_left">
                      使用合作账号登陆
              </div>
              <div class="body_foot_right">
                   <ul>
                       <li><img src="img/weix_03.png"></li>
                       <li><img src="img/weib_03.png"></li>
                       <li><img src="img/qq_03.png"></li>
                   </ul>
              </div>
              <div class="clear"></div>
          </div>
      </div>
  </section>
</body>
<script>
    $(document).ready(function(){
        $(".input-group input").focus(function(){
            $(".input-group").css("box-shadow","0 0 3px 3px #ffffff");
        });
        $(".input-group input").blur(function(){
            $(".input-group").css("box-shadow","none");
        });
    });
    $(document).ready(function(){
        $(".input-group1 input").focus(function(){
            $(".input-group1").css("box-shadow","0 0 3px 3px #ffffff");
        });
        $(".input-group1 input").blur(function(){
            $(".input-group1").css("box-shadow","none");
        });
    });
</script>
</html>